<!DOCTYPE html>
<html>

<head>
    <title>文档详情</title>
    <% include layout/lib.ejs %>
    <link rel="stylesheet" type="text/css" href="/css/apiDetail.css" />
    <script src="/lib/js/showdown.min.js"></script>
    <link href="/lib/css/monokai-sublime.min.css" rel="stylesheet" />
    <script src="/lib/js/highlight.min.js"></script>
</head>

<body>

    <% include layout/header.ejs %>

    <div class="apiDetailBox">
        <div class="apiDetailMain">
            <div class="globalTitleBox">
                <div class="globalTitleIcon">
                    <img src="/image/ed-18.png" />
                </div>
                <div class="globalTitle">相关文档资料 -
                    <%= typeTitle %>
                </div>
                <!-- <div style="float:right;height:50px;line-height:50px;font-size:20px;"><i class="fa fa-play-circle fa-lg" style="font-size:26px;"></i> 查看视频教程</div> -->
            </div>
            <div class="apiDetailContent">

                <!--原子层相关文档菜单-->
                <% if(apiType == 'atomic'){ %>
                <div class="apiDetailMenu">
                    <div class="apiDetailMenuItem">
                        <p>一.序言</p>
                        <div class="apiDetailMenuContent" data-title="1.1 Easy-D 原子层框架序言" id="<%= typePath %>/1.1-序言.md">（
                            1 ）序言</div>
                    </div>
                    <div style="clear:both;"></div>
                    <div class="apiDetailMenuItem">
                        <p>二.基础</p>
                        <div class="apiDetailMenuContent" data-url="
                                https://artmofangtest.oss-cn-beijing.aliyuncs.com/20181220_211607.mp4"
                            data-title="2.1-简介" id="<%= typePath %>/2.1-简介.md">（ 1 ）简介</div>
                        <div class="apiDetailMenuContent" data-url="https://media.w3.org/2010/05/sintel/trailer.mp4"
                            data-title="2.2-安装" id="<%= typePath %>/2.2-安装.md">（ 2 ）安装</div>
                        <div class="apiDetailMenuContent" data-title="2.3-目录结构" id="<%= typePath %>/2.3-目录结构.md">（ 3
                            ）目录结构</div>
                        <div class="apiDetailMenuContent" data-title="2.4-运行环境" id="<%= typePath %>/2.4-运行环境.md">（ 4
                            ）运行环境</div>
                        <div class="apiDetailMenuContent" data-title="2.5-入口文件" id="<%= typePath %>/2.5-入口文件.md">（ 5
                            ）入口文件</div>
                        <div class="apiDetailMenuContent" data-title="2.6-简单调试" id="<%= typePath %>/2.6-简单调试.md">（ 6
                            ）简单调试</div>
                    </div>
                    <div style="clear:both;"></div>
                    <div class="apiDetailMenuItem">
                        <p>三.配置文件</p>
                        <div class="apiDetailMenuContent" data-title="3.1-项目配置" id="<%= typePath %>/3.1-项目配置.md">（ 1
                            ）项目配置</div>
                        <div class="apiDetailMenuContent" data-title="3.2-全局常量配置" id="<%= typePath %>/3.2-全局常量配置.md">（
                            2 ）全局常量配置</div>
                        <div class="apiDetailMenuContent" data-title="3.3-白名单配置" id="<%= typePath %>/3.3-白名单配置.md">（ 3
                            ）白名单配置</div>
                        <div class="apiDetailMenuContent" data-title="3.4-参数验证配置" id="<%= typePath %>/3.4-参数验证配置.md">（
                            4 ）参数验证配置</div>
                    </div>
                    <div style="clear:both;"></div>
                    <div class="apiDetailMenuItem">
                        <p>四.接口设置</p>
                        <div class="apiDetailMenuContent" data-title="4.1-准备工作" id="<%= typePath %>/4.1-准备工作.md">（ 1
                            ）准备工作 </div>
                        <div class="apiDetailMenuContent" data-title="4.2-接口创建" id="<%= typePath %>/4.2-接口创建.md">（ 2
                            ）接口创建 </div>
                        <div class="apiDetailMenuContent" data-title="4.3-接口配置-参数" id="<%= typePath %>/4.3-接口配置-参数.md">（
                            3 ）接口配置-参数设置 </div>
                        <div class="apiDetailMenuContent" data-title="4.4-接口配置-缓存" id="<%= typePath %>/4.4-接口配置-缓存.md">（
                            3 ）接口配置-缓存设置 </div>
                        <div class="apiDetailMenuContent" data-title="4.5-接口配置-自动构建" id="<%= typePath %>/4.5-接口配置-自动构建.md">（
                            4 ）接口配置-自动构建 </div>
                        <div class="apiDetailMenuContent" data-title="4.6-额外接口定义" id="<%= typePath %>/4.6-额外接口定义.md">（
                            5 ）额外接口定义 </div>
                    </div>
                    <div style="clear:both;"></div>
                    <div class="apiDetailMenuItem">
                        <p>五.接口查询</p>
                        <div class="apiDetailMenuContent" data-title="5.1-基本查询-分页" id="<%= typePath %>/5.1-基本查询-分页.md">（
                            1 ）基本查询-分页 </div>
                        <div class="apiDetailMenuContent" data-title="5.2-基本查询-总数" id="<%= typePath %>/5.2-基本查询-总数.md">（
                            2 ）基本查询-总数 </div>
                        <div class="apiDetailMenuContent" data-title="5.3-基本查询-相等条件" id="<%= typePath %>/5.3-基本查询-相等条件.md">（
                            3 ）基本查询-相等条件 </div>
                        <div class="apiDetailMenuContent" data-title="5.4-基本查询-或者条件" id="<%= typePath %>/5.4-基本查询-或者条件.md">（
                            4 ）基本查询-或者条件 </div>
                        <div class="apiDetailMenuContent" data-title="5.5-基本查询-不等条件" id="<%= typePath %>/5.5-基本查询-不等条件.md">（
                            5 ）基本查询-不等条件 </div>
                        <div class="apiDetailMenuContent" data-title="5.6-基本查询-范围条件" id="<%= typePath %>/5.6-基本查询-范围条件.md">（
                            6 ）基本查询-范围条件 </div>
                        <div class="apiDetailMenuContent" data-title="5.7-基本查询-包含条件" id="<%= typePath %>/5.7-基本查询-包含条件.md">（
                            7 ）基本查询-包含条件 </div>
                        <div class="apiDetailMenuContent" data-title="5.8-基本查询-模糊条件" id="<%= typePath %>/5.8-基本查询-模糊条件.md">（
                            8 ）基本查询-模糊条件 </div>
                        <div class="apiDetailMenuContent" data-title="5.9-基本查询-排序条件" id="<%= typePath %>/5.9-基本查询-排序条件.md">（
                            9 ）基本查询-排序条件 </div>
                        <div class="apiDetailMenuContent" data-title="5.10-基本查询-字段筛选" id="<%= typePath %>/5.10-基本查询-字段筛选.md">（
                            10 ）基本查询-字段筛选 </div>
                    </div>
                    <div style="clear:both;"></div>
                    <div class="apiDetailMenuItem">
                        <p>六.数据库操作</p>
                        <div class="apiDetailMenuContent" data-title="6.1-准备工作" id="<%= typePath %>/6.1-准备工作.md">（ 1 )
                            准备工作</div>
                        <div class="apiDetailMenuContent" data-title="6.2-原生SQL调用" id="<%= typePath %>/6.2-原生SQL调用.md">（
                            2 ) 原生SQL调用</div>
                        <div class="apiDetailMenuContent" data-title="6.3-SQL链式调用" id="<%= typePath %>/6.3-SQL链式调用.md">（
                            3 ) SQL链式调用</div>
                    </div>
                    <div style="clear:both;"></div>
                    <div class="apiDetailMenuItem">
                        <p>七.其他</p>
                        <div class="apiDetailMenuContent" data-title="7.1-聚合层验权" id="<%= typePath %>/7.1-聚合层验权.md">（ 1
                            ) 聚合层验权</div>
                        <div class="apiDetailMenuContent" data-title="7.2-接口初始化" id="<%= typePath %>/7.2-接口初始化.md">（ 2
                            ) 接口初始化</div>
                        <div class="apiDetailMenuContent" data-title="7.3-使用composer" id="<%= typePath %>/7.3-使用composer.md">（
                            3 ) 使用composer</div>
                    </div>
                </div>
                <% }else if(apiType == 'aggregation'){ %>
                <div class="apiDetailMenu">
                    <div class="apiDetailMenuItem">
                        <p>一.序言</p>
                        <div class="apiDetailMenuContent" data-title="1.1 Easy-D 聚合层框架序言" id="<%= typePath %>/1.1-序言.md">（
                            1 ）序言</div>
                    </div>
                   
                    <div style="clear:both;"></div>
                    <div class="apiDetailMenuItem">
                        <p>二.基础</p>
                        <div class="apiDetailMenuContent" data-title="2.1-简介" id="<%= typePath %>/2.1-简介.md">（ 1 ）简介</div>
                        <div class="apiDetailMenuContent" data-title="2.2-安装" id="<%= typePath %>/2.2-安装.md">（ 2 ）安装</div>
                        <div class="apiDetailMenuContent" data-title="2.3-目录结构" id="<%= typePath %>/2.3-目录结构.md">（ 3
                            ）目录结构</div>
                        <div class="apiDetailMenuContent" data-title="2.4-运行环境" id="<%= typePath %>/2.4-运行环境.md">（ 4
                            ）运行环境</div>
                    </div>
                    <div style="clear:both;"></div>
                    <div class="apiDetailMenuItem">
                        <p>三.配置文件</p>
                        <div class="apiDetailMenuContent" data-title="3.1-项目配置" id="<%= typePath %>/3.1-项目配置.md">（ 1
                            ）项目配置</div>
                    </div>
                   
                    <div style="clear:both;"></div>
                    <div class="apiDetailMenuItem">
                        <p>四.接口使用</p>
                        <div class="apiDetailMenuContent" data-title="4.1-基本接口创建" id="<%= typePath %>/4.1-基本接口创建.md">（ 1 ）基本接口创建</div>
                        <div class="apiDetailMenuContent" data-title="4.2-接口参数接收" id="<%= typePath %>/4.2-接口参数接收.md">（ 2 ）接口参数接收</div>
                        <div class="apiDetailMenuContent" data-title="4.3-原子层接口拼接" id="<%= typePath %>/4.3-原子层接口拼接.md">（ 3 ）原子层接口拼接</div>
                        <div class="apiDetailMenuContent" data-title="4.4-并行与串行执行" id="<%= typePath %>/4.4-并行与串行执行.md">（ 4 ）并行与串行执行</div>
                        <div class="apiDetailMenuContent" data-title="4.5-循环请求处理" id="<%= typePath %>/4.5-循环请求处理.md">（ 5 ）循环请求处理</div>
                        <div class="apiDetailMenuContent" data-title="4.6-事物型接口处理" id="<%= typePath %>/4.6-事物型接口处理.md">（ 6 ）事物型接口处理</div>
                    </div>
                   
                </div>
                <% }else if(apiType == 'admin'){ %>

                <div class="apiDetailMenu">
                    <div class="apiDetailMenuItem">
                        <p>一.序言</p>
                        <div class="apiDetailMenuContent" data-title="1.1 Easy-D 后台管理端框架序言" id="<%= typePath %>/1.1-序言.md">（ 1 ）序言</div>
                        <div class="apiDetailMenuContent" data-title="1.2 目录结构" id="<%= typePath %>/1.2-目录结构.md">（ 2 ）目录结构</div>
                        <div class="apiDetailMenuContent" data-title="1.3 相关配置介绍" id="<%= typePath %>/1.3-相关配置介绍.md">（ 3 ）相关配置介绍</div>
                    </div>
                   
                    <div style="clear:both;"></div>
                    <div class="apiDetailMenuItem">
                        <p>二.内置菜单功能介绍</p>
                        <div class="apiDetailMenuContent" data-title="2.1-系统管理" id="<%= typePath %>/2.1-系统管理.md">（ 1 ）系统管理</div>
                        <div class="apiDetailMenuContent" data-title="2.2-运维管理" id="<%= typePath %>/2.2-运维管理.md">（ 2 ）运维管理</div>
                        <div class="apiDetailMenuContent" data-title="2.3-接口文档管理" id="<%= typePath %>/2.3-接口文档管理.md">（ 3 ）接口文档管理</div>
                        <div class="apiDetailMenuContent" data-title="2.4-开发管理" id="<%= typePath %>/2.4-开发管理.md">（ 4 ）开发管理</div>
                        <div class="apiDetailMenuContent" data-title="2.5-开发管理" id="<%= typePath %>/2.5-常用开发示例.md">（ 5 ）常用开发示例</div>
                        <div class="apiDetailMenuContent" data-title="2.6-开发管理" id="<%= typePath %>/2.6-扩展功能.md">（ 6 ）扩展功能</div>
                    </div>

                    <div style="clear:both;"></div>
                    <div class="apiDetailMenuItem">
                        <p>三.开发新菜单示范</p>
                        <div class="apiDetailMenuContent" data-title="3.1-自定义页面" id="<%= typePath %>/3.1-自定义页面.md">（ 1 ）自定义页面</div>
                    </div>
                </div>

                <% }else if(apiType == 'pc'){ %>

                <div class="apiDetailMenu">
                    <div class="apiDetailMenuItem">
                        <p>一.序言</p>
                        <div class="apiDetailMenuContent" data-title="1.1 Easy-D PC客户端框架序言" id="<%= typePath %>/1.1-序言.md">（
                            1 ）序言</div>
                    </div>
                </div>

                <% }else if(apiType == 'weixin'){ %>

                <div class="apiDetailMenu">
                    <div class="apiDetailMenuItem">
                        <p>一.序言</p>
                        <div class="apiDetailMenuContent" data-title="1.1 Easy-D 微信客户端框架序言" id="<%= typePath %>/1.1-序言.md">（
                            1 ）序言</div>
                    </div>
                </div>

                <% }else if(apiType == 'file_service'){ %>

                <div class="apiDetailMenu">
                    <div class="apiDetailMenuItem">
                        <p>一.序言</p>
                        <div class="apiDetailMenuContent" data-title="1.1-序言" id="<%= typePath %>/1.1-序言.md">（
                            1 ）序言</div>
                        <div class="apiDetailMenuContent" data-title="1.2-下载安装" id="<%= typePath %>/1.2-下载安装.md">（
                            2 ）下载安装</div>
                        <div class="apiDetailMenuContent" data-title="1.3-相关目录介绍" id="<%= typePath %>/1.3-相关目录介绍.md">（
                            3 ）相关目录介绍</div>
                        <div class="apiDetailMenuContent" data-title="1.4-配置文件介绍" id="<%= typePath %>/1.4-配置文件介绍.md">（
                            4 ）配置文件介绍</div>
                    </div>
                    <div style="clear:both;"></div>
                    <div class="apiDetailMenuItem">
                        <p>二.上传处理</p>
                        <div class="apiDetailMenuContent" data-title="2.1-图片上传" id="<%= typePath %>/2.1-图片上传.md">（ 1
                            ）图片上传</div>
                        <div class="apiDetailMenuContent" data-title="2.2-文件上传" id="<%= typePath %>/2.2-文件上传.md">（ 2
                            ）文件上传</div>
                    </div>
                    <div style="clear:both;"></div>
                    <div class="apiDetailMenuItem">
                        <p>三.图片处理</p>
                        <div class="apiDetailMenuContent" data-title="3.1-生成图片水印" id="<%= typePath %>/3.1-生成图片水印.md">（ 3
                            ）生成图片水印</div>
                        <div class="apiDetailMenuContent" data-title="3.2-生成文字水印" id="<%= typePath %>/3.2-生成文字水印.md">（ 4
                            ）生成文字水印</div>
                        <div class="apiDetailMenuContent" data-title="3.3-生成缩略图" id="<%= typePath %>/3.3-生成缩略图.md">（ 5
                            ）生成缩略图</div>
                        <div class="apiDetailMenuContent" data-title="3.4-处理图片裁切" id="<%= typePath %>/3.4-处理图片裁切.md">（ 6
                            ）处理图片裁切</div>
                    </div>
                </div>

                <% }else if(apiType == 'sms_service'){ %>

                <div class="apiDetailMenu">
                    <div class="apiDetailMenuItem">
                        <p>一.序言</p>
                        <div class="apiDetailMenuContent" data-title="1.1 序言" id="<%= typePath %>/1.1-序言.md">（
                            1 ）序言</div>
                    </div>
                </div>

                <% }else if(apiType == 'im_service'){ %>

                <div class="apiDetailMenu">
                    <div class="apiDetailMenuItem">
                        <p>一.序言</p>
                        <div class="apiDetailMenuContent" data-title="1.1 序言" id="<%= typePath %>/1.1-序言.md">（
                            1 ）序言</div>
                    </div>
                   
                </div>

                <% }else if(apiType == 'service'){ %>

                    <div class="apiDetailMenu">
                        <div class="apiDetailMenuItem">
                            <p>一.序言</p>
                            <div class="apiDetailMenuContent" data-title="1.1 Easy-D 微信客户端框架序言" id="<%= typePath %>/1.1-序言.md">（
                                1 ）序言</div>
                        </div>
                    </div>
    
                <% }else if(apiType == 'news_project'){ %>

                    <div class="apiDetailMenu">
                        <div class="apiDetailMenuItem">
                            <p>一.序言</p>
                            <div class="apiDetailMenuContent" data-title="1.1-序言" id="<%= typePath %>/1.1-序言.md">（
                                1 ）序言</div>
                        </div>
                        <div style="clear:both;"></div>
                        <div class="apiDetailMenuItem">
                            <p>二.视频教程</p>
                            <div class="apiDetailMenuContent" data-title="1.2-实战项目" id="<%= typePath %>/1.2-实战项目.md">（
                                1 ）实战项目</div>
                        </div>
                    </div>
    

                <% }else{ %>

                没有该类型的文档

                <% } %>
                
                
                    <div class="apiDetailMd">
                        <div class="apiDetailVideoBox">
                            <!-- <div class="apiDetailVideoTitle"  style="color:#999"><i class="fa fa-play-circle fa-lg"></i> 视频教程 ：<span id="nowTitle">1.1
                                    Easy-D
                                    <%= typeTitle %> </span><span> ( 视频教程正在录制，敬请期待...) </span></div> -->
                            <!-- <div class="apiDetailVideoContent">
                                <video id="my-video" class="video-js vjs-big-play-centered" controls style="width:100%;height:100%;">
                                    <source id="video_source" src="https://artmofangtest.oss-cn-beijing.aliyuncs.com/20181220_211607.mp4"
                                        type="video/mp4">
                                    <p class="vjs-no-js">
                                        要查看此视频，请启用JavaScript，并考虑升级到一个网页浏览器
                                        <a href="http://videojs.com/html5-video-support/" target="_blank">支持HTML5视频</a>
                                    </p>
                                </video>
                            </div> -->
                        </div>

                  
                            <div class="apiDetailVideoTitle"><i class="fa fa-bookmark fa-lg"></i> 文档教程：</div>
                            <div class="apiDetailMdContent" id="markdown">

                            </div>

                        
                    </div>
               
            </div>
        </div>

    </div>
    <% include layout/footer.ejs %>
</body>
<script>
    $(function () {

        //初始化内容
        getMd("<%= typePath %>/1.1-序言.md");
        
        // getMd("<%= typePath %>/4.6-额外接口定义.md");

        $(".apiDetailMenuContent").click(function () {

            var nowTitle = $(this).data("title");

            $("#nowTitle").html(nowTitle);

            // var videoUrl = $(this).data("url");

            //设置视频播放地址，并重新加载播放视频
            // $("#video_source").attr("src", videoUrl);
            // $("#my-video").get(0).load();

            //获取MD地址
            var mdPath = $(this).attr("id"); //199348

            getMd(mdPath);

        });

        function getMd(mdPath) {

            var nowScrollTop = $('html,body').scrollTop();

            if (nowScrollTop > 0) {
                $('html,body').animate({ scrollTop: 0 }, 0);
            }

            $('html').css('overflow-y', 'hidden');

            POP.startLoading();

            $.get(mdPath, function (res) {

                $('html').css('overflow-y', 'auto');

                POP.endLoading();

                var converter = new showdown.Converter();
                var htmlcontent = converter.makeHtml(res);
                $("#markdown").html(htmlcontent);
                $('pre code').each(function (i, block) {
                    hljs.highlightBlock(block);
                });


            });

        }

    });
</script>

</html>